<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="container">
        <div class="bie row">
            <div class="ming ">
                <p class="mingjia">名家古琴&nbsp;厂家直销</p>
                <h2 class="zhijiao">直降万元</h2>
                <div class="ren">热销练习琴折扣优惠中</div>
            </div>
            <div class="xian">
                <p>名额有限 先到先得</p>
                <div>马上获取名家琴促销价</div>
            </div>
            <div class="xin">
                <p class="qq">马上获取名家琴促销价</p>
                <form action="">
                    <span>称呼（已加密）</span>
                    <input type="text" class="inp" placeholder="请输入您的称呼">
                    <span>电话（已加密））</span>
                    <input type="text" class="inp" placeholder="请输入手机号">
                    <div class="an">
                        <input type="radio" name="" id="">自动输入历史信息
                        <span>《个人信息授权与隐私政策》</span>
                    </div>
                    <div class="dianj">马上获取</div>
                    <div class="gong">
                        <p class="qing">最新参与客户</p>
                        <ul class="ull">
                            <li class="lli">
                                <img src="./img/音量1拷贝2.png" alt=""><span>黄** </span><span>137******98</span><span> 12天前</span>
                            </li>
                            <li class="lli">
                                <img src="./img/音量1拷贝2.png" alt=""><span>黄** </span><span>137******98</span><span> 12天前</span>
                            </li>
                            <li class="lli">
                                <img src="./img/音量1拷贝2.png" alt=""><span>黄** </span><span>137******98</span><span> 12天前</span>
                            </li>
                            <li class="lli">
                                <img src="./img/音量1拷贝2.png" alt=""><span>黄** </span><span>137******98</span><span> 12天前</span>
                            </li>
                        </ul>

                    </div>
                </form>

            </div>
            <div class="chang">
                馆长推荐单品
            </div>
            <div class="tp">
                <ul class="uii">
                    <li>
                        <div class="kuai">
                            <span class="shuzhe">活动价</span>
                            <span class="qian">6800</span>
                            <strong>￥</strong>
                            <span class="lj">
                                立即购买
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="kuai">
                            <span class="shuzhe">活动价</span>
                            <span class="qian">6800</span>
                            <strong>￥</strong>
                            <span class="lj">
                                立即购买
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="kuai">
                            <span class="shuzhe">活动价</span>
                            <span class="qian">6800</span>
                            <strong>￥</strong>
                            <span class="lj">
                                立即购买
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="kuai">
                            <span class="shuzhe">活动价</span>
                            <span class="qian">6800</span>
                            <strong>￥</strong>
                            <span class="lj">
                                立即购买
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="kuai">
                            <span class="shuzhe">活动价</span>
                            <span class="qian">6800</span>
                            <strong>￥</strong>
                            <span class="lj">
                                立即购买
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="kuai">
                            <span class="shuzhe">活动价</span>
                            <span class="qian">6800</span>
                            <strong>￥</strong>
                            <span class="lj">
                                立即购买
                            </span>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="sanzo">三重福利 只在名琴阁</div>
            <div class="gona">
                <div class="jul">
                    <div class="ling">
                        <span class="anni">福利一</span>
                        <div class="huod">每天限时特价活动，多款古琴
                            <span class="xindi">历史新低</span>促销
                        </div>
                    </div>
                    <div class="ling">
                        <span class="anni">福利二</span>
                        <div class="huod">买古琴可到门店
                            <span class="xindi">抢红包</span>
                        </div>
                    </div>
                    <div class="ling">
                        <span class="anni">福利三</span>
                        <div class="huod">
                            <span class="xindi">免费送货</span>上门，保修期间内<span class="xindi">免费调音，换弦</span>
                        </div>
                    </div>
                </div>

            </div>
            <div class="mfsou">四大服务 全面保障</div>
            <div class="bianye">
                <div class="zuti">
                    <img src="./img/_MG_0279.png" alt="">
                    <p>保修期内 <br>免费维护</p>
                </div>
                <div class="zuti">
                    <img src="./img/同城免费送货上门.png" alt="">
                    <p>同城免费 <br>送货上门</p>
                </div>
                <div class="zuti">
                    <img src="./img/1年保修期间内免费换弦调音.png" alt="">
                    <p>终身免费 <br> 拉弦</p>
                </div>
                <div class="zuti">
                    <img src="./img/20140118未命名6885-1.png" alt="">
                    <p>免费升级 <br>换琴</p>
                </div>

            </div>
            <div class="yuyu">预约到店 免费试琴</div>
            <p class="daodian">到店即送 购琴大礼包</p>
            <div class="zuih">
                <form action="">
                    <div class="geiwo">
                        <div class="zizi">称呼（已加密）</div>
                        <input type="text" class="inp" placeholder="请输入您的称呼">
                        <div class="zizi">电话（已加密））</div>
                        <input type="text" class="inp" placeholder="请输入手机号">
                        <div class="an">
                            <input type="radio" name="" id="">自动输入历史信息
                            <span>《个人信息授权与隐私政策》</span>
                        </div>
                        <div class="dianj">马上获取</div>

                    </div>
                </form>
            </div>
            <div class="ditu">
                <img src="./img/图层16.png" alt="">
                <div class="mingcc">
                    <div class="mswa">
                        <img src="./img/949f48f60c483882c46b62ed1e1568a3bc0aa00f112b-TqLODH.png" alt="">
                        <h2>名琴阁古琴馆</h2>
                    </div>
                    <p>广州天河区体育西路5号骏汇大厦南座首层 8号铺（地下停车场入口旁，体育西路G出 口直走80米右转即到）</p>
                </div>
            </div>
            <div class="butt">
                <div class="zoub"><img src="./img/咨询1.png" alt="">
                    <p>咨询</p>
                </div>
                <div class="zhongb"><img src="./img/课程分析.png" alt="">
                    <p>预约</p>
                </div>
                <div class="youbian">
                    <img src="./img/51660c2da0fc60ef039a8fbefee86086e5aa8655141a-0pKGAr.png" alt=""><span>电话</span>
                </div>
            </div>
        </div>


    </div>
    </div>
</body>

</html>